<div class="common-stat">
    <!--<div nz-row nzGutter="16" class="stat-count" *ngIf="data.typeName">-->
        <!--<span nz-col nzSpan="24">-->
            <!--{{ data.typeName }}数量: {{ list.length }} {{ data.unit }}-->
        <!--</span>-->
    <!--</div>-->
    <div class="general-data-card" *ngIf="type !== 'section'">
        <div class="grid">
            <div class="grid-card">
                <div class="top-box">
                    <div class="img-box">
                        <img src="./assets/images/searchMaintain/placeholder-icon.png" alt="">
                    </div>
                    <p class="main-num">
                        {{list.length}}
                    </p>

                </div>
                <p class="bottom-box">{{ data.typeName }}数量（{{ data.unit }}）</p>
            </div>

        </div>
    </div>
    <div
        echarts
        [options]="pieOpt"
        [merge]="optChange0"
        style="height: 213px;"
    ></div>
    <div
        echarts
        [options]="scatterOpt"
        [merge]="optChange1"
        style="height: 213px;"
    ></div>
    <div
        echarts
        [options]="scatterOpt"
        [merge]="optChange2"
        style="height: 213px;"
    ></div>
</div>
